<template>
  <div class="detail-nike">
    <div class="pingjia" @click="goPing()">
      <span>商品评价(181)</span>
      <span>61%觉得超赞 > </span>
    </div>
    <div class="feel">
      <span>尺码感受 </span>
      <span>80%觉得尺码合适 > </span>
    </div>
    <div class="jingxuan">
      <div class="fabu">
        <span>穿搭精选(1)</span>
        <span>发布＋</span>
      </div>
      <div class="chuanda" @click="goChuan">
        
        <img src="../../../assets/detail-img/3.gif">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "DetailNike",
props:["shopid"],
   methods:{
    goChuan(){
      this.$router.push("/ChuanDa/" +this.shopid);
    //   this.$router.push({name:"DetailAll",params:{goodsid:id}});     
    },
    goPing(){
      this.$router.push("/PingJia/"+this.shopid);
    //   this.$router.push({name:"DetailAll",params:{goodsid:id}});     
    },
  },
  created(){
    console.log(this.shopid);
  }
};
</script>

<style scoped>
.detail-nike {
  width: 100%;
  /* height: 1.5rem; */
  /* background-color: hotpink; */
}
.pingjia {
  margin-left: 0.2rem;
  margin-top: 0.1rem;
}
.feel {
  margin-left: 0.2rem;
  margin-top: 0.1rem;
  border-bottom: 2px solid #f3f2f6;
  /* margin-bottom: 0.12rem; */
}
.pingjia span:nth-child(2) {
  margin-left: 1.3rem;
  color: #a9a8af;
  font-size: 0.14rem;
}
.feel span:nth-child(2) {
  display: inline-block;
  margin-left: 1.4rem;
  color: #a9a8af;
  font-size: 0.14rem; 
  margin-bottom: 0.2rem;
}
.jingxuan{
  margin-left: .2rem;
}
.fabu span:nth-child(1){
margin-left: .1rem;
font-size: .18rem;
font-weight: bold;
}
.fabu span:nth-child(2){
margin-left: 1.8rem;
font-size: .14rem;
color: #a9a8af;
}
.chuanda img{
  width: 1rem;
  height: 1rem;
}
</style>